<div id="editfacilitysection">



    <legend>Edit facility</legend>


    <form id="edit-facility"  method="post">
        <div class="span4">

<input type="hidden" name="facility-id" id="facility-id" value=""/>
            <p>
                <label for="event-name" >Facility Name</label>
                <input type="text" required name="facility-name" id="facility-name" class="input-xlarge" placeholder="Enter the name of Facility">
                
            </p>
            
            <br>

            

        <div class="span11"> 

            <p class="textarea-nice">
                <label for="facility-description" >Facility Description</label>
                <textarea name="facility-description" class="input-block-level" id="facility-description" required rows="9" cols="16"> </textarea>
            </p>



            <p>
                <label class="checkbox">
                    <input type="checkbox" id="facility-checkbox" name="facility-checkbox" value="active"> Check the box to display facility at front end [active/inactive].
                </label>

            </p>
        </div>
        <br>
    </form>

    <div class="span11">


        <p>
            <input type="button" id="editfacilitysavebutton" class="btn btn-primary btn-large" value="Save">
            <span class="text-success"> Display the "succesfully saved" message here on successfull submission</span>
        </p>
    </div>

    <div class="clearfix"></div>    

    <script src="js/jquery-ui-1.8.20.custom.min.js"></script><!-- including jquery UI Datepicker js-->
    <script src="js/nicEdit.js"></script><!-- including nicedit js-->
    <script src="js/jquery-ui-timepicker-addon.js"></script><!-- including jquery UI timepicker js-->
    <script src="js/jquery.validate.min.js"></script><!-- including the validation js-->
    <script type="text/javascript">
			
        $(document).ready(function() { 
			 
			
            $('#event-time').timepicker() ;//calling timepicker on event-time textbox
			 
            $( "#event-date" ).datepicker({ //call the datepicker on date input
                
                dateFormat: "yy-mm-dd",
                changeMonth: true,
                changeYear: true,
                yearRange:"+0:+1",
                minDate: new Date(),
            });
				 
				
				 
            // form validation
            $("#add-event").validate();
				 
        });
		
        bkLib.onDomLoaded(function() { //assigning nicedit to textarea 
            new nicEditor({fullPanel : true,iconsPath : 'js/nicEditorIcons.gif',xhtml: true}).panelInstance('event-description');
        });
    </script>
    <script src="js/main.js"></script>


</div>
